<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./cssfile/demo.css" />
  </head>
  <body>
    <nav>
      <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
      </ul>
      <a href="http://baidu.com">百度</a>
    </nav>
    <ul>
      <li>2</li>
      <li>2</li>
      <li>2</li>
      <li>2</li>
      <li>2</li>
    </ul>
    <nav>
      <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
      </ul>
      <a href="http://baidu.com">百度</a>
    </nav>
  </body>
  <script>
    // function fun(a,b){
    //   return a+b;
    // }

    // fun(1,2)

    // @mixin fun($a,$b){
    //   font-size:$a,
    //   width:$b
    // }
    // @include fun(12px,200px)
    a = 0.1
    b = 3.05
    ;(0.1 / 3.05) * 300
  </script>
</html>
